<!--
 * @Descripttion:
 * @version:
 * @Author: cxguo
 * @Date: 2019-07-04 01:36:52
 * @LastEditors: cxguo
 * @LastEditTime: 2020-11-10 21:19:59
 -->
<template>
  <div class="container">
    <div class="content">
      <div class="title-container text-center paddingTb20">
        <img v-if="logoUrl" class="margin-w-auto" width="240" height="80" :src="logoUrl">
      </div>
      <Login />
      <div class="text-center color-gay font12 margin-t20" style="color:#ccc">
        版权所有：如皋市韶光科技有限公司
      </div>
    </div>
  </div>
</template>

<script>
import Login from './login.vue'

export default {
  components: { Login },
  data() {
    return {
      activeName: 'login'
    }
  },
  computed: {
    logoUrl: function() {
      const logoLoginUrl = window.Glod.logoLoginUrl
      return logoLoginUrl
    }
  },
  watch: {
    $route: {
      handler: function(route) {
        this.redirect = route.query && route.query.redirect
      },
      immediate: true
    }
  },
  mounted() {

  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
$bg:#f7fbff;
$dark_gray:#889aa4;
$light_gray:#eee;
.container {
  min-height: 100%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #f5f7fa url("../../assets/images/footer_bg.png");
  .content {
    float: right;
    width: 400px;
    height: 100%;
    padding: 60px 35px;
    background: #ffffff;
  }
}
</style>
